//createRouter：创建路由实例对象
//createWebHistory：创建history模式的路由

import { createRouter, createWebHistory } from 'vue-router'
import Login from '@/views/Login/index.vue'
import Layout from '@/views/Layout/index.vue'
import Home from '@/views/home/index.vue'
import Category from '@/views/category/index.vue'
import SubCategory from '@/views/subCategory/index.vue'
import Detail from '@/views/Detail/index.vue'
import CartList from '@/views/CartList/index.vue'
import Checkout from '@/views/Checkout/index.vue'
import Pay from '@/views/Pay/index.vue'
import PayBack from '@/views/Pay/PayBack.vue'
import Member from '@/views/Member/index.vue'
import MemberInfo from '@/views/Member/components/UserInfo.vue'
import MemberOrder from '@/views/Member/components/UserOrder.vue'

//导入路由配置文件
const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  //path和component对应关系的位置
  routes: [
    {
      path:'/',
      component:Layout,
      children:[
        {
          path:'',
          component:Home
        },
        {
          path:'category/:id',
          component:Category
        },
        {
          path:'category/sub/:id',
          component:SubCategory
        },
        {
          path:'detail/:id',
          component:Detail
        },
        {
          path:'cartList',
          component:CartList
        },
        {
          path:'/checkout',
          component:Checkout
        },
        {
	        path: 'pay',
	        component: Pay
        },
        {
          path:'paycallback',
          component:PayBack
        },
        {
          path:'/member',
          component:Member,
          children:[
            {
              path:'',
              component:MemberInfo
            },
            {
              path:'order',
              component:MemberOrder
            }
          ]
        }
      ]
    },
    {
      path:'/login',
      component:Login
    }

  ],
  scrollBehavior(){
      return{
        top: 0// 每次路由切换后，页面自动滚动到顶部
      }
    }
})

export default router
